<!DOCTYPE html>
<html>
  <head>
    <title>哇食网首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="css/group.css" rel="stylesheet" media="screen">
    <!--[if lt IE 9]>
        <script src="js/assets/libs/html5shiv.js?2.4.6.4"></script>
    <![endif]-->
    <!--[if IE 8]>
        <script src="js/assets/libs/respond.min.js?2.4.6.4"></script>
    <![endif]-->
  </head>
  <body class="index">
  	<header class="header">
      <div class="container">
      	<div class="navbar-header">
          <a href="" class="navbar-brand">WoW食.com</a>
          <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse pull-left">
          <ul class="nav navbar-nav">
            <li><a href="#">抽屉</a></li>
            <li><a href="#">杂志</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">经验</a></li>
          </ul>
        </nav>
        <form action="" class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
          <div class="form-group">
            <input type="text" class="form-control js-search" name="q" placeholder="搜零食，搜惊喜" autocomplete="off"/>
            <button class="button fa fa-search" type="submit"></button>
          </div>
        </form>
        <ul class="nav user-nav pull-right">
          <ul class="nav nav-login">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
        </ul>
      </div>
  	</header>
  	<div class="container" id="content-container">
  		<div class="row">
        <div class="col-md-8">
          <div class="panel panel-default">
            <div class="panel-heading clearfix">
              <h2 class="hot pull-left">热门小组</h2>
              <a href="/group/search_group" class="pull-right more" title="更多热门小组"><i class="fa fa-paper-plane-o"></i></a>
            </div>
            <div class="panel-body">
                <div class="row group-grids">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/1/" title="好知大本营（教务处）">
                                <img src="http://f1.howzhi.com/default/2015/09-09/09203209e8f5003610.png" alt="好知大本营（教务处）" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/1/" title="好知大本营（教务处）">好知大本营（教务处）</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/2/" title="摄影公社">
                                <img src="http://f1.howzhi.com/group-icon/2013/02-03/111938a63532860008.jpg" alt="摄影公社" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/2/" title="摄影公社">摄影公社</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/211/" title="Photoshop照片后期处理学习交流">
                                <img src="http://f1.howzhi.com/group-icon/2013/06-20/163453d26839163811.jpg" alt="Photoshop照片后期处理学习交流" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/211/" title="Photoshop照片后期处理学习交流">Photoshop照片后期处理学习交流</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/15/" title="我是从零开始学吉他的">
                                <img src="http://f1.howzhi.com/group-icon/2011/09-06/01460088969f639218.jpg" alt="我是从零开始学吉他的" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/15/" title="我是从零开始学吉他的">我是从零开始学吉他的</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/88/" title="每月养成一个好习惯">
                                <img src="http://f1.howzhi.com/group-icon/2012/09-09/2312099204d9984069.jpg" alt="每月养成一个好习惯" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/88/" title="每月养成一个好习惯">每月养成一个好习惯</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/61/" title="摄影基础交流">
                                <img src="http://f1.howzhi.com/group-icon/2012/04-16/10201604c737506777.jpg" alt="摄影基础交流" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/61/" title="摄影基础交流">摄影基础交流</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/243/" title="摄影入门学习">
                                <img src="http://f1.howzhi.com/group-icon/2013/09-03/15181029141c905710.jpg" alt="摄影入门学习" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/243/" title="摄影入门学习">摄影入门学习</a></p>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 grid">
                        <p>
                            <a href="/group/31/" title="名校公开课">
                                <img src="http://f1.howzhi.com/group-icon/2011/11-16/1151175e2fc5261920.jpg" alt="名校公开课" class="group-avatar-sm">
                            </a>
                        </p>
                        <p class="title"><a class="link-light" href="/group/31/" title="名校公开课">名校公开课</a></p>
                    </div>
                </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading clearfix">
              <h2 class="pull-left">最近话题</h2>
            </div>
            <div class="panel-body">
              <ul class="media-list thread-list">
                  <li class="media">
                      <a class="pull-left js-user-card" href="/u/187/" data-card-url="/user/187/card/show" data-user-id="187" data-original-title="" title="">
                          <img class="avatar-md " src="http://f1.howzhi.com/default/2015/07-14/145733d2af26635228.jpg">
                      </a>
                      <div class="media-body">
                          <div class="media-heading">
                              <a class="title" href="/group/211/discuss/265130">PS去斑磨皮高招</a>
                          </div>
                          <div class="metas">
                              <a class="link-muted" href="/group/211/" title="Photoshop照片后期处理学习交流">Photoshop照片后期处理学习交流</a>
                              <span class="divider">•</span>
                              <a class="link-light link-muted" href="/u/187/">乱流</a>
                              <span class="daren-icon-t" title="达人"></span>
                              <span class="divider">•</span> 12小时前
                          </div>
                      </div>
                  </li>
                  <li class="media">
                      <a class="pull-left js-user-card" href="/u/10/" data-card-url="/user/10/card/show" data-user-id="10" data-original-title="" title="">
                          <img class="avatar-md " src="http://f1.howzhi.com/avatar/2013/03-04/022729154473552840.jpg">
                      </a>
                      <div class="media-body">
                          <span class="badge pull-right">1</span>
                          <div class="media-heading">
                              <a class="title" href="/group/191/discuss/265129">YY10月 啦啦啦啦～</a>
                          </div>
                          <div class="metas">
                              <a class="link-muted" href="/group/191/" title="每天健身来打卡">每天健身来打卡</a>
                              <span class="divider">•</span>
                              <a class="link-light link-muted" href="/u/10/">Yong</a>
                              <span class="divider">•</span> 22小时前
                              <span class="divider">•</span> 最后回复 <a class="link-light link-muted" href="/u/10/">Yong</a> 1小时前
                          </div>
                      </div>
                  </li>
                  <li class="media">
                      <a class="pull-left js-user-card" href="/u/6354/" data-card-url="/user/6354/card/show" data-user-id="6354">
                          <img class="avatar-md " src="http://f1.howzhi.com/avatar/2013/01-28/1626488aa9fa594123.jpg">
                      </a>
                      <div class="media-body">
                          <span class="badge pull-right">1</span>
                          <div class="media-heading">
                              <a class="title" href="/group/375/discuss/265125">九月~ 玩泥巴~</a>
                          </div>
                          <div class="metas">
                              <a class="link-muted" href="/group/375/" title="阔知团建">阔知团建</a>
                              <span class="divider">•</span>
                              <a class="link-light link-muted" href="/u/6354/">了了</a>
                              <span class="divider">•</span> 3天前
                              <span class="divider">•</span> 最后回复 <a class="link-light link-muted" href="/u/1874175/">allen晓江</a> 2天前
                          </div>
                      </div>
                  </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <form class="mbl" action="/group/search_group" method="get">
            <div class="input-group group-search">
              <input type="hidden" name="_csrf_token" value="acf72d680a4d6353ec292200ed70190d435aebf6">
              <input type="text" class="form-control" placeholder="小组搜索" name="keyWord">
              <span class="input-group-btn">
                <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
              </span>
            </div>
          </form>

          <div class="panel panel-default">
              <div class="panel-heading">新晋小组</div>
              <div class="panel-body">
                  <ul class="media-list">
                      <li class="media">
                          <div class="media-left">
                              <a href="/group/355/">
                                  <img src="http://f1.howzhi.com/group-icon/2015/03-30/120652c07d78265998.jpg" class="avatar-square-sm">
                              </a>
                          </div>
                          <div class="media-body">
                              <p>
                                  <a class="link-light" href="/group/355/" title="音乐爱好者">音乐爱好者</a>
                                  <span class="text-success fsn">38个成员</span>
                              </p>
                              <p class="fsn text-muted">建设一个音乐爱好者小组，希望爱音乐的喜欢音乐的积极加入小组吧...</p>
                          </div>
                      </li>
                      <li class="media">
                          <div class="media-left">
                              <a href="/group/349/">
                                  <img src="http://f1.howzhi.com/group-icon/2014/12-16/220322a3adc0705905.jpg" class="avatar-square-sm">
                              </a>
                          </div>
                          <div class="media-body">
                              <p>
                                  <a class="link-light" href="/group/349/" title="科学学英语">科学学英语</a>
                                  <span class="text-success fsn">123个成员</span>
                              </p>
                              <p class="fsn text-muted">分享知识；增长智慧！用科学高效的方法学英语，记单词！不死记硬...</p>
                          </div>
                      </li>
                      <li class="media">
                          <div class="media-left">
                              <a href="/group/344/">
                                  <img src="http://f1.howzhi.com/group-icon/2014/11-20/08131175ff72990477.jpg" class="avatar-square-sm">
                              </a>
                          </div>
                          <div class="media-body">
                              <p>
                                  <a class="link-light" href="/group/344/" title="三维动画">三维动画</a>
                                  <span class="text-success fsn">62个成员</span>
                              </p>
                              <p class="fsn text-muted">三维动画工作室，共同勉励，共同进步。...</p>
                          </div>
                      </li>
                      <li class="media">
                          <div class="media-left">
                              <a href="/group/343/">
                                  <img src="http://f1.howzhi.com/group-icon/2014/11-19/0936536007a9346348.jpg" class="avatar-square-sm">
                              </a>
                          </div>
                          <div class="media-body">
                              <p>
                                  <a class="link-light" href="/group/343/" title="手机摄影交流">手机摄影交流</a>
                                  <span class="text-success fsn">116个成员</span>
                              </p>
                              <p class="fsn text-muted">用手机拍个片</p>
                          </div>
                      </li>
                  </ul>
              </div>
          </div>

        </div>
      </div>
  	</div>
    
  <footer id="footer">
    <div class="container">
      <div class="row">
        <span id="icp" class="pull-left gray-link">
            © 2005－2015 wowshi.com, all rights reserved
        </span>
        <a href="http://wowshi.com/hnypt/variformcyst.py" style="display: none;"></a>
        <span class="pull-right">
            <a href="http://wowshi.com/about">关于哇食</a>
            · <a href="http://wowshi.com/jobs">在哇食工作</a>
            · <a href="http://wowshi.com/about?topic=contactus">联系我们</a>
            · <a href="http://wowshi.com/about?policy=disclaimer">免责声明</a>
            · <a href="http://wowshi.com/help/">帮助中心</a>
            · <a href="http://wowshi.com/doubanapp/">移动应用</a>
        </span>       
      </div>
    </div>
  </footer>
  </body>
  <script src="js/jquery/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script type="text/javascript">
    $(function() {
      $('.carousel').carousel();
    });
  </script>
</html>